﻿<UserControl x:Class="Zeus.Classes.Engines.Sound_Engine.EditorSound"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
             xmlns:bluetheme="clr-namespace:System.Windows.Controls.Theming;assembly=System.Windows.Controls.Theming.TwilightBlue"
                 xmlns:toolkitaccordion="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Layout.Toolkit"
    Width="700" Height="600" >
    <Grid x:Name="LayoutRoot" Background="White"  >
        <bluetheme:TwilightBlueTheme>
        <StackPanel Grid.Column="0" HorizontalAlignment="Left" VerticalAlignment="Center">
            <MediaElement x:Name="media" AutoPlay="False" />
            <Image Source="FR.jpg" Width="400" Height="400" VerticalAlignment="Center" HorizontalAlignment="Center"></Image>
            <StackPanel x:Name="stk_pnl_child_1" Orientation="Horizontal" HorizontalAlignment="Left" Margin="50">
                    
                        <Button x:Name="button_play" Click="ButtonPlayClick" Content="Play" Margin="3" Width="50" Height="30"/>

                <Button x:Name="button_stop" Click="ButtonStopClick" Content="Stop" Margin="3" Width="50" Height="30"/>

                <Button x:Name="button_pause" Click="ButtonPauseClick" Content="Pause" Margin="3" Width="50" Height="30"/>

                <Button x:Name="Mute" Width="50" Height="30" Click="Mute_Click">
                    <Image Source="audio_1.jpg" ></Image>
                </Button>

                <Slider x:Name="silder_1" ValueChanged="silder_1_ValueChanged" Height="30" Width="60" Margin="20"></Slider>

            </StackPanel>
        </StackPanel>
            </bluetheme:TwilightBlueTheme>
        
        <StackPanel Grid.Column="1" HorizontalAlignment="Right">
            <!--<ListBox Width="210" Height="500">-->
            <bluetheme:TwilightBlueTheme>
            <StackPanel Orientation="Vertical" Width="210" Height="500">
            
                <toolkitaccordion:Accordion x:Name="Firstaccordion" Width="190" VerticalAlignment="Center" SelectionMode="ZeroOrMore" HorizontalAlignment="Center">
                
                    <toolkitaccordion:AccordionItem Header="Cutting" >
                        <bluetheme:TwilightBlueTheme>
                       
                       
                    
                        <StackPanel Orientation="Vertical" Width="190">
                            <StackPanel Orientation="Horizontal">
                                <Button x:Name="MakeStartbutton" Content="Make Start" Margin="4"></Button>
                                <Button x:Name="MakeEndbutton" Content="Make End"  Margin="4"></Button>
                            </StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="Cutting From"></TextBlock>
                                <TextBlock x:Name="From" Text="----"></TextBlock>
                            </StackPanel>
                            <StackPanel Orientation="Horizontal">
                                <TextBlock Text="Cutting To"></TextBlock>
                                <TextBlock x:Name="To" Text="----"></TextBlock>
                            </StackPanel>
                            </StackPanel>
                        
                        </bluetheme:TwilightBlueTheme>
                    </toolkitaccordion:AccordionItem>
                    
                </toolkitaccordion:Accordion>
                <toolkitaccordion:Accordion x:Name="Secondaccordion" Width="190" VerticalAlignment="Center" SelectionMode="ZeroOrMore" HorizontalAlignment="Center">
                    <toolkitaccordion:AccordionItem Header="Fading" >
                        <bluetheme:TwilightBlueTheme>
                        <!--<ListBox Width="190">-->
                        <StackPanel Orientation="Vertical" Width="190">
                            <StackPanel Orientation="Horizontal">
                                <Button x:Name="FadIn" Content="Fad In" Margin="4"></Button>
                                <Button x:Name="FadOut" Content="Fad Out"  Margin="4"></Button>
                            </StackPanel>
                            </StackPanel>
                        <!--</ListBox>-->
                         </bluetheme:TwilightBlueTheme>
                    </toolkitaccordion:AccordionItem>
                </toolkitaccordion:Accordion>
            <!--</ListBox>-->
                </StackPanel>
                </bluetheme:TwilightBlueTheme>
        </StackPanel>
            
    </Grid>
</UserControl>
